.workrelate-mobile-levellist {
    .data-list {
        .bg-wrapper {
            .data-item-wrapper {
                position: relative;
                display: flex;
                flex-direction: row;
                .arrow-wrapper {
                    position: relative;
                    box-sizing: border-box;
                    height: 100%;
                    display: inline-block;
                    .openfold {
                        display: inline-block;
                        box-sizing: border-box;
                        width: 100%;
                        height: 100%;
                        line-height: 28px;
                        padding-top: 10px;
                    }
                }
                .content-wrapper {
                    flex: 1;
                    width: 100%;
                    height: 100%;
                    display: inline-block;
                    .top-info-wrapper {
                        position: relative;
                        display: flex;
                        align-items: center;
                        box-sizing: border-box;
                        width: 100%;
                        height: 40px;
                        padding: 10px 0px 10px 0px;
                        font-size: 14*@hd;
                        .checkbox {
                            width: 35px;
                            padding-left: 0;
                            background: transparent;
                        }
                        .seq {
                            margin-right: 6px;
                            display: inline-block;
                            width: 15px;
                            height: 100%;
                            line-height: 20*@hd;
                        }
                        .icon {
                            margin-right: 8px;
                            display: inline-block;
                            width: 15px;
                            height: 100%;
                            line-height: 24*@hd;
                            padding-top: 4px;
                        }
                        .title-wrapper {
                            position: relative;
                            flex: 1;
                            font-size: 14*@hd;
                            height: 100%;
                            box-sizing: border-box;
                            padding-right: 10px;
                            .title {
                                position: absolute;
                                width: 100%;
                                box-sizing: border-box;
                                line-height: 20*@hd;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                color: #3b3f98;
                            }
                        }
                    }
                    .tags-wrapper {
                        padding-left: 45px;
                        .tag-wrapper {
                            max-width: 250px;
                            display: inline-block;
                            position: relative;
                            padding: 0 8px 8px 0;
                        }
                    }
                    .bottom-info-wrapper {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        box-sizing: border-box;
                        padding: 0px 10px 5px 45px;
                        font-size: 12*@hd;
                        color: #7F7F7F;
                        .user-date-wrapper {
                            .user {
                                vertical-align: middle;
                                display: inline-block;
                                margin-right: 10px;
                            }
                            .date {
                                vertical-align: middle;
                                display: inline-block;
                                margin-right: 15px;
                            }
                        }
                        .comment-wrapper {
                            vertical-align: middle;
                            display: inline-block;
                            height: 18px;
                            .icon {
                                vertical-align: middle;
                                display: "inline-block";
                                margin-right: 6px;
                            }
                            .count {
                                width: 20px;
                                height: 100%;
                                vertical-align: middle;
                                display: inline-block;
                                line-height: 10px;
                                text-align: left;
                            }
                        }
                    }
                }
            }
        }
    }
    .loadmore, .bottom-action {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        background: #f9f9f9;
        font-size: 12*@hd;
    }
    .loadmore {
        border-bottom: 1px solid rgba(215, 215, 215, 1);
        color: #666;
    }
    .bottom-action {
        .bottom-action-icon {
            margin-right: 5px;
        }
    }
}